<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>华猫首页</title>
    <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../css/aui-slide.css" />
    <link rel="stylesheet" type="text/css" href="../../css/base.css">
    <link rel="stylesheet" type="text/css" href="../../css/aui-flex.css">
    <link rel="stylesheet" type="text/css" href="./detail.css">
</head>
<body>
<header id="header" class="aui-bar aui-bar-nav ">

    <a href="#" class="aui-pull-left aui-btn ">
        <span class="aui-iconfont aui-icon-left"></span>

    </a>
    <div class="aui-title"> 商品评价</div>

</header>
<section id="app">
    <div class="assess">
        <i class=" assess-min-box assess-min-all ">  <span class="aui-iconfont aui-icon-correct" style="color: #2a8fff;font-size: 12px"></span>全部 <span> 172</span></i>
        <i class=" assess-min-box assess-min-other"> 好评 <span> 172</span></i>
        <i class=" assess-min-box assess-min-other"> 好评 <span> 172</span></i>
        <i class=" assess-min-box assess-min-other"> 好评 <span> 172</span></i>
        <i class=" assess-min-box assess-min-other"> 好评 <span> 172</span></i>

    </div>

    <div class="discuss-list aui-content" >
        <div class="aui-card-list cart-offset" v-for=" o in readComment">
            <div class="aui-card-list-header aui-card-list-user ">
                <div class="aui-card-list-user-avatar">
                    <img src=" img/user.png" alt="" class="aui-img-round" v-if="!o.userPhoto">
                    <img :src=" imgUrl+o.userPhoto" alt="" class="aui-img-round" v-if="o.userPhoto">
                </div>
                <div class="aui-card-list-user-name">
                    <div> {{o.loginName}}</div>
                    <small>
                       {{o.createTimes}}

                    </small>
                </div>
                <div class="aui-card-list-user-info">
                    <i class="discuss-star star" v-for="v in o.goodsScore"></i>

                </div>
                <!--<p></p>-->

            </div>
            <p class="aui-font-size-16 discuss-inner">
               {{o.content}}
            </p>
            <div class="aui-card-list-content-padded ">
              <div class="aui-row aui-row-padded">
                  <div class="aui-col-xs-4" v-for="t in o.images.split(',')">
                      <img :src="imgUrl+t" alt="">
                  </div>

              </div>

            </div>
            <!-- 尾部-->
            <div class="aui-card-list-footer">
                18分 I-J色SI1, 白18K, 1件
            </div>
            <div class="aui-card-list-footer">
                <div> <span> 购买时间：</span><span>{{o.createTimes}}</span></div>
            </div>
        </div>


    </div>
    <div class="no-more">
        <i class="icons icon-no-more"></i><span> 没有更多评论</span>
    </div>

</section>
[{itemname:'移动4g',itemId:11,goodId:50},{itemname:'移动4g',itemId:11,goodId:50},]


<script src="../../js/api.js"></script>
<script src="../../js/common.js"></script>
<script src="../../js/aui-slide.js"></script>
<script src="../../js/aui-tab.js"></script>
<script src="../../js/vue.min.js"></script>
<script src="../../js/vue-resource.min.js"></script>
<script>
new Vue({
    el:'#app',
    data:{
        readComment:[]
    },
    mounted:function(){
      this.$nextTick(function(){
          this.discussView()
        })
    },
    methods:{
        discussView:function () {
            this.$http.get(SURL+"app/martgoods/readComment",{params:{goodsId:getUrlParam('goodsId')}}).then(function (res) {
                //console.log(res)
                if(res.body.status==1){
                    this.readComment=res.body.data
                }
            })
        }
    }

})
</script>
</body>
</html>